<style>
.status.layout-table {
    width: 100%;
    table-layout: fixed;
}

.status.layout-table th {
    width: 4em;
    padding: 6px 0;
}

.status.layout-table td .progress {
    margin-bottom: 0;
}
h4.status.sub-title {
    padding-bottom: 6px;
    padding-top: 4px;
    border-bottom: 1px solid #e5e5e5;
    margin: 10px 0 15px;
}
</style>
<div>
    <!-- <div class="form-group">
        <label>作者</label>
        <span ng-repeat="author in authors">
          <a ng-href="{{author.home}}" target="_blank">{{author.name}}</a>
          <a ng-if="author.email" ng-href="mailto:{{author.email}}" target="_blank"><i class="glyphicon glyphicon glyphicon-send"></i></a>
        </span>
        <span ng-if="!authors.length">
        （暂无）<a href="http://git.oschina.net/saderqw/ng-showcase" target="_blank">oschina参与</a>
        </span>
    </div> -->
    <h4 class="status sub-title">基本信息</h4>
    <table class="status layout-table">
        <tr>
            <th>作者</th>
            <td>
                <span ng-repeat="author in authors">
          <a ng-href="{{author.home}}" target="_blank">{{author.name}}</a>
          <a ng-if="author.email" ng-href="mailto:{{author.email}}" target="_blank"><i class="glyphicon glyphicon glyphicon-send"></i></a>
        </span>
                <span ng-if="!authors.length">
        （暂无）<a href="http://git.oschina.net/saderqw/ng-showcase" target="_blank">欢迎参与Git@OSChina</a>
        </span>
            </td>
        </tr>
        <tr>
            <th>进度</th>
            <td>
                <div class="progress">
                    <div class="progress-bar progress-bar-success" ng-style="{width: progress + '%'}">
                        <span ng-if="progress>0">{{progress}}%</span>
                    </div>
                </div>
            </td>
        </tr>
    </table>
</div>
